<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>首页</title>
	<link rel="stylesheet" href="css/cssreset.css">
	<link rel="stylesheet" href="css/login.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<style>
	a{
		text-decoration: none;
	}
</style>
<body>
	<div class="beforenav">
		<div class="top topHeigh">
			<!--top-->
			<ul class="top_right">
				<li>商业合作</li>			
				<li>了解造作</li>
				<li class="news">实体店<span>NEW</span></li>
				<li class="top_icon"><span></span></li>
			</ul>		
		</div>
	</div>
	<div class="afternav">
		<div class="top">
			<!--top-->
			<ul class="top_right">
				<li class="topR">商业合作</li>			
				<li class="topR">了解造作</li>
				<li class="news">实体店<span>NEW</span></li>
				<li class="top_icon"><span></span></li>
			</ul>
			<h1><img src="images/icon/0logo.png" alt=""></h1>
			<ul class="leftnav">
				<span class="myIcon topMyIcon"><img src="images/icon/1a.png" alt=""></span>
				<span class="shoppingCar"><img src="images/icon/2c.png" alt=""></span>
				<li class="login_now leave_now">首页</li>
				<li>沙发
					<div class="slideul">
						<ul class="slide_one">
							<li><img src="images/icon/sofa_3.png" alt=""><span>三人沙发</span></li>
							<li><img src="images/icon/sofa_2.png" alt=""><span>双人沙发</span></li>
							<li><img src="images/icon/sofa_1.png" alt=""><span>单人沙发</span></li>
							<li><img src="images/icon/sofa_4.png" alt=""><span>四人沙发</span></li>
							<li><img src="images/icon/sofa_1.png" alt=""><span>沙发墩</span></li>
						</ul>
					</div>
				</li>
				<li>桌几
					<div class="slideul">
						<ul class="slide_two">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<span>书桌·餐桌</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<span>茶几</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<span>边几</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>椅凳
					<div class="slideul">
						<ul class="slide_three">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<span>座椅</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<span>坐墩</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<span>凳子</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>柜架
					<div class="slideul">
						<ul class="slide_four">
							<li>
								<img src="images/icon/gj_1.png" alt="">
								<span>置物柜</span>
							</li>
							<li>
								<img src="images/icon/gj_2.png" alt="">
								<span>书柜·书架</span>
							</li>
							<li>
								<img src="images/icon/gj_3.png" alt="">
								<span>电视柜</span>
							</li> 
							<li>
								<img src="images/icon/gj_4.png" alt="">
								<span>置物架</span>
							</li>     
							<li>
								<img src="images/icon/gj_5.png" alt="">
								<span>单元格</span>
							</li>     
							<li>
								<img src="images/icon/gj_6.png" alt="">
								<span>衣帽架</span>
							</li>     
							<li>
								<img src="images/icon/gj_7.png" alt="">
								<span>鞋柜·玄关柜</span>
							</li>             
						</ul>	
					</div>	
				</li>
				<li>灯具
					<div class="slideul">
						<ul class="slide_five">
							<li>
								<img src="images/icon/light_1.png" alt="">
								<span>台灯</span>
							</li>
							<li>
								<img src="images/icon/light_2.png" alt="">
								<span>地灯 </span>
							</li>
							<li>
								<img src="images/icon/light_3.png" alt="">
								<span>吊灯</span>
							</li> 
							<li>
								<img src="images/icon/light_4.png" alt="">
								<span>夜灯</span>
							</li>       
						</ul>	
					</div>	
				</li>
				<li>床·床具
					<div class="slideul">
						<ul class="slide_six">
							<li>
								<img src="images/icon/bed_1.png" alt="">
								<span>床</span>
							</li>
							<li>
								<img src="images/icon/bed_2.png" alt="">
								<span>床垫 </span>
							</li>
							<li>
								<img src="images/icon/bed_3.png" alt="">
								<span>床头柜</span>
							</li> 
							<li>
								<img src="images/icon/bed_4.png" alt="">
								<span>床下储物盒</span>
							</li>   
							<li>
								<img src="images/icon/bed_5.png" alt="">
								<span>床尾凳</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>家纺
					<div class="slideul">
						<ul class="slide_seven">
							<li>
								<img src="images/icon/jf_1.png" alt="">
								<span>床品4件套</span>
							</li>
							<li>
								<img src="images/icon/jf_2.png" alt="">
								<span>被芯·枕芯 </span>
							</li>
							<li>
								<img src="images/icon/jf_3.png" alt="">
								<span>床褥</span>
							</li> 
							<li>
								<img src="images/icon/jf_4.png" alt="">
								<span>盖毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<span>地毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_6.png" alt="">
								<span>抱枕</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<span>毛巾</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<span>颈枕</span>
							</li>    
						</ul>	
					</div>	
				</li>
				<li>装饰
					<div class="slideul">
						<ul class="slide_eight">
							<li>
								<img src="images/icon/zs_1.png" alt="">
								<span>摆件·花瓶</span>
							</li>
							<li>
								<img src="images/icon/zs_2.png" alt="">
								<span>收纳</span>
							</li>
							<li>
								<img src="images/icon/zs_3.png" alt="">
								<span>装饰画</span>
							</li>     
						</ul>	
					</div>	
				</li>
				<li>餐具
					<div class="slideul">
						<ul class="slide_nine">
							<li>
								<img src="images/icon/cj_1.png" alt="">
								<span>套装</span>
							</li>
							<li>
								<img src="images/icon/cj_2.png" alt="">
								<span>盘碗 </span>
							</li>
							<li>
								<img src="images/icon/cj_3.png" alt="">
								<span>杯子</span>
							</li> 
							<li>
								<img src="images/icon/cj_4.png" alt="">
								<span>储物</span>
							</li>   
							<li>
								<img src="images/icon/cj_5.png" alt="">
								<span>托盘</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>礼品卡</li>
			</ul>
		</div>
	</div>
	<!--版心模块-->
	<!-- _container这个类是用来控制所有页面顶部导航条的切换，没有其他作用 -->
	<div class="wrap _container">
		<!--header-->
		<div class="header">
			<h1><img src="images/icon/logo.png" alt=""></h1>
			<div class="headerIcon">
				<span class="myIcon bottomMyIcon">
					<img src="images/icon/myIcon.png" alt="">
					<div class="bottomMyIcon_hover">
						<ul>
							<a href="10.personalCenter.html"><li>会员中心</li></a>
							<a href="7.order.html"><li>我的订单</li></a>
							<li>邀请奖励</li>
							<li>我的优惠券</li>
							<li>我的消息</li>
							<li>我的晒单</li>
							<li>我的资料</li>
							<li>我的收藏</li>
							<li>退出账号</li>
						</ul>
					</div>
				</span>
				<a href="6.shoppingCart.html"><span class="shoppingCar"><img src="images/icon/2b.png" alt=""></span></a>
			</div>
		</div>
	</div>
		<!--nav-->
	<div class="nav">
		<ul>
			<li class="now">
				首页
			</li>
			<li>沙发
				<div class="show">
					<ul class="one_show">
						<a href="4.example_class.html">
						<li>
							<img src="images/icon/sofa_3.png" alt="">
							<p>三人沙发</p>
						</li>
						</a>
						<a href="4.example_class.html">
						<li>
							<img src="images/icon/sofa_3.png" alt="">
							<p>双人沙发</p>
						</li>
						</a>
						<a href="4.example_class.html">
						<li>
							<img src="images/icon/sofa_3.png" alt="">
							<p>单人沙发</p>
						</li>
						</a>
						<a href="4.example_class.html">
						<li>
							<img src="images/icon/sofa_3.png" alt="">
							<p>四人沙发</p>
						</li>
						</a>
						<a href="4.example_class.html">
						<li>
							<img src="images/icon/sofa_3.png" alt="">
							<p>五人沙发</p>
						</li>
						</a>
					</ul>	
				</div>	
			</li>
			<li>桌几
				<div class="show">
					<ul class="two_show">
						<li>
							<img src="images/icon/desk_1.png" alt="">
							<p>书桌·餐桌</p>
						</li>
						<li>
							<img src="images/icon/desk_2.png" alt="">
							<p>茶几</p>
						</li>
						<li>
							<img src="images/icon/desk_3.png" alt="">
							<p>边几</p>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>椅凳
				<div class="show">
					<ul class="three_show">
						<li>
							<img src="images/icon/desk_1.png" alt="">
							<p>座椅</p>
						</li>
						<li>
							<img src="images/icon/desk_2.png" alt="">
							<p>坐墩</p>
						</li>
						<li>
							<img src="images/icon/desk_3.png" alt="">
							<p>凳子</p>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>柜架
				<div class="show">
					<ul class="four_show">
						<li>
							<img src="images/icon/gj_1.png" alt="">
							<p>置物柜</p>
						</li>
						<li>
							<img src="images/icon/gj_2.png" alt="">
							<p>书柜·书架</p>
						</li>
						<li>
							<img src="images/icon/gj_3.png" alt="">
							<p>电视柜</p>
						</li> 
						<li>
							<img src="images/icon/gj_4.png" alt="">
							<p>置物架</p>
						</li>     
						<li>
							<img src="images/icon/gj_5.png" alt="">
							<p>单元格</p>
						</li>     
						<li>
							<img src="images/icon/gj_6.png" alt="">
							<p>衣帽架</p>
						</li>     
						<li>
							<img src="images/icon/gj_7.png" alt="">
							<p>鞋柜·玄关柜</p>
						</li>             
					</ul>	
				</div>	
			</li>
			<li>灯具
				<div class="show">
					<ul class="five_show">
						<li>
							<img src="images/icon/light_1.png" alt="">
							<p>台灯</p>
						</li>
						<li>
							<img src="images/icon/light_2.png" alt="">
							<p>地灯 </p>
						</li>
						<li>
							<img src="images/icon/light_3.png" alt="">
							<p>吊灯</p>
						</li> 
						<li>
							<img src="images/icon/light_4.png" alt="">
							<p>夜灯</p>
						</li>       
					</ul>	
				</div>	
			</li>
			<li>床·床具
				<div class="show">
					<ul class="six_show">
						<li>
							<img src="images/icon/bed_1.png" alt="">
							<p>床</p>
						</li>
						<li>
							<img src="images/icon/bed_2.png" alt="">
							<p>床垫 </p>
						</li>
						<li>
							<img src="images/icon/bed_3.png" alt="">
							<p>床头柜</p>
						</li> 
						<li>
							<img src="images/icon/bed_4.png" alt="">
							<p>床下储物盒</p>
						</li>   
						<li>
							<img src="images/icon/bed_5.png" alt="">
							<p>床尾凳</p>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>家纺
				<div class="show">
					<ul class="seven_show">
						<li>
							<img src="images/icon/jf_1.png" alt="">
							<p>床品4件套</p>
						</li>
						<li>
							<img src="images/icon/jf_2.png" alt="">
							<p>被芯·枕芯 </p>
						</li>
						<li>
							<img src="images/icon/jf_3.png" alt="">
							<p>床褥</p>
						</li> 
						<li>
							<img src="images/icon/jf_4.png" alt="">
							<p>盖毯</p>
						</li>   
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<p>地毯</p>
						</li>   
						<li>
							<img src="images/icon/jf_6.png" alt="">
							<p>抱枕</p>
						</li> 
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<p>毛巾</p>
						</li> 
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<p>颈枕</p>
						</li>    
					</ul>	
				</div>	
			</li>
			<li>装饰
				<div class="show">
					<ul class="eight_show">
						<li>
							<img src="images/icon/zs_1.png" alt="">
							<p>摆件·花瓶</p>
						</li>
						<li>
							<img src="images/icon/zs_2.png" alt="">
							<p>收纳</p>
						</li>
						<li>
							<img src="images/icon/zs_3.png" alt="">
							<p>装饰画</p>
						</li>     
					</ul>	
				</div>	
			</li>
			<li>餐具
				<div class="show">
					<ul class="nine_show">
						<li>
							<img src="images/icon/cj_1.png" alt="">
							<p>套装</p>
						</li>
						<li>
							<img src="images/icon/cj_2.png" alt="">
							<p>盘碗 </p>
						</li>
						<li>
							<img src="images/icon/cj_3.png" alt="">
							<p>杯子</p>
						</li> 
						<li>
							<img src="images/icon/cj_4.png" alt="">
							<p>储物</p>
						</li>   
						<li>
							<img src="images/icon/cj_5.png" alt="">
							<p>托盘</p>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>礼品卡</li>
		</ul>
	</div>
	<!-- 轮播图 -->
	<div class="banner">
		<ul>
			<li><img src="images/indexNav_1.jpg" alt=""></li>
			<li><img src="images/indexNav_2.jpg" alt=""></li>
			<li><img src="images/indexNav_3.jpg" alt=""></li>
			<li><img src="images/indexNav_4.jpg" alt=""></li>
			<li><img src="images/indexNav_5.jpg" alt=""></li>
			<li><img src="images/indexNav_6.jpg" alt=""></li>
		</ul>
		
	</div>
	<div class="under_banner">
		<span class="fix"><span class="cover fis_cover"></span></span>
		<span class="fix"><span class="cover"></span></span>
		<span class="fix"><span class="cover"></span></span>
		<span class="fix"><span class="cover"></span></span>
		<span class="fix"><span class="cover"></span></span>
		<span class="fix"><span class="cover"></span></span>
	</div>

	<div class="describe_banner">
		<div class="fir_describe">Z Signature 定义作品集</div>
		<div class="sec_describe">有人说造作是家居设计界的G20，其实我们更关心如何从大师走到大众
		</div>
	</div>
	<div class="con">
		<ul>
			<!-- 第一个li-沙发内容 -->
			<!-- li里面有pic.t（沙发图片）和pic_b（沙发价格）两个div -->
			
				<li class="con_c">
					<a href="5.goods.html">
					<div class="pic_t">
						<img  src="images/sofa_1.jpg" alt="">
						<!-- 鼠标移到pic_t图片上，淡入enter，包括沙发的详细信息 -->
						<div class="enter">
							<div class="enter_t">
								<p>琴形木作雕塑，大宅演奏的永恒乐章</p>
							</div>
							<div class="enter_b">
								<h3>Noé Duchaufour Lawrance</h3>
								<span>France｜Paris</span>
							</div>
						</div>
					</div>
					</a>
					<div class="pic_b">
						<h3>竖琴沙发</h3>
						<h4>￥19999</h4>
						<span>2色可选</span>
					</div>
				</li>



			<!-- 第二个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_2.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一整张意大利全青牛皮包裹</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFAL</h3>
					<h4>￥19988起</h4>
				</div>	
			</li>

			<!-- 第三个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_3.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>T形雕塑，无限延伸模块，闪耀空间锋芒</p>
						</div>
						<div class="enter_b">
							<h3>Palomba Serafini Associati</h3>
							<span>Italy｜Milan</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>Sofa T</h3>
					<h4>￥6999起</h4>
					<span>2色可选</span>
				</div>	
			</li>
			
			<!-- 第四个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_4.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>纯血法国曲线，勾勒当代摩登韵味</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作贝岛沙发™</h3>
					<h4>￥4999起</h4>
					<span>2色可选</span>
				</div>	
			</li>

			<!-- 第五个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_5.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一个沙发，宣告现代主义中国</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFA</h3>
					<h4>￥4556起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第六个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_6.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>进口实木宽稳落座，瑞典山居入厅堂</p>
						</div>
						<div class="enter_b">
							<h3>Claesson Koivisto Rune</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作远山沙发™</h3>
					<h4>￥3999起</h4>
					<span>3色可选</span>
				</div>	
			</li>
			
			<!-- 第七个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_7.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>如云柔软，给你不愿起身的柔软依靠</p>
						</div>
						<div class="enter_b">
							<h3>Jonas Wagell</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>云团沙发升级版</h3>
					<h4>￥2999起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第八个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_8.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>取形似露，圆中藏棱，360°旋转无束</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>秋露沙发</h3>
					<h4>￥2999</h4>
					<span>2色可选</span>
				</div>	
			</li>

		</ul>
	</div>
	<!-- 图片集 -->
	<div class="pics">
		<div class="left_pic"><img src="images/index_big.jpg" alt=""></div>
		<div class="right2_pic"><img src="images/right_1.jpg" alt=""></div>
		<div class="right1_pic"><img src="images/right_2.jpg" alt=""></div>
		<div class="bottom_pic"><img src="images/bottom.jpg" alt=""></div>
	</div>
	<div class="describe_banner">
		<div class="fir_describe">Z Runway 新品发布台</div>
		<div class="sec_describe" style="width:350px">入手大牌设计师正品，不必溢价，从设计到制造直线到家

		</div>
	</div>
	<!-- 产品 -->
	<div class="con">
		<ul>
			<!-- 第一个li-沙发内容 -->
			<!-- li里面有pic.t（沙发图片）和pic_b（沙发价格）两个div -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_1.jpg" alt="">
					<!-- 鼠标移到pic_t图片上，淡入enter，包括沙发的详细信息 -->
					<div class="enter">
						<div class="enter_t">
							<p>琴形木作雕塑，大宅演奏的永恒乐章</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>竖琴沙发</h3>
					<h4>￥19999</h4>
					<span>2色可选</span>
				</div>
			</li>

			<!-- 第二个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_2.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一整张意大利全青牛皮包裹</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFAL</h3>
					<h4>￥19988起</h4>
				</div>	
			</li>

			<!-- 第三个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_3.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>T形雕塑，无限延伸模块，闪耀空间锋芒</p>
						</div>
						<div class="enter_b">
							<h3>Palomba Serafini Associati</h3>
							<span>Italy｜Milan</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>Sofa T</h3>
					<h4>￥6999起</h4>
					<span>2色可选</span>
				</div>	
			</li>
			
			<!-- 第四个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_4.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>纯血法国曲线，勾勒当代摩登韵味</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作贝岛沙发™</h3>
					<h4>￥4999起</h4>
					<span>2色可选</span>
				</div>	
			</li>

			<!-- 第五个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_5.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一个沙发，宣告现代主义中国</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFA</h3>
					<h4>￥4556起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第六个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_6.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>进口实木宽稳落座，瑞典山居入厅堂</p>
						</div>
						<div class="enter_b">
							<h3>Claesson Koivisto Rune</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作远山沙发™</h3>
					<h4>￥3999起</h4>
					<span>3色可选</span>
				</div>	
			</li>
			
			<!-- 第七个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_7.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>如云柔软，给你不愿起身的柔软依靠</p>
						</div>
						<div class="enter_b">
							<h3>Jonas Wagell</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>云团沙发升级版</h3>
					<h4>￥2999起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第八个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_8.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>取形似露，圆中藏棱，360°旋转无束</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>秋露沙发</h3>
					<h4>￥2999</h4>
					<span>2色可选</span>
				</div>	
			</li>

		</ul>
	</div>
	<!-- 主页中间的长条 -->
	<div class="index_ul_bg">
		<ul class="bg_ul">
			<li>
				<img src="images/" alt="">
				<span class="small_des">27国/百位设计大师的</span>
				<span class="big_des">签名正品</span>
			</li>
			<li>
				<img src="images/" alt="">
				<span class="small_des">57精工大厂/100%手检</span>
				<span class="big_des">欧标质造</span>
			</li>
			<li>
				<img src="images/" alt="">
				<span class="small_des">全国包邮/210城</span>
				<span class="big_des">免费送装</span>
			</li>
			<li>
				<img src="images/" alt="">
				<span class="small_des">延期高利补偿/确保</span>
				<span class="big_des">准时交付</span>
			</li>
			<li>
				<img src="images/" alt="">
				<span class="small_des">价格保障/变动返差价</span>
				<span class="big_des">7日保价</span>
			</li>
			<li>
				<img src="images/" alt="">
				<span class="small_des">三年质保</span>
				<span class="big_des">7日退换</span>
			</li>
		</ul>
	</div>
	<!-- 沙发 -->
	<div class="sofaTop">
		<h1>全品目录/签名设计正品</h1>
		<dl>
			<dt>&nbsp;&nbsp;沙发</dt>
			<dd class="no_border">沙发墩</dd>
			<dd>四人沙发</dd>
			<dd>单人沙发</dd>
			<dd>双人沙发</dd>
			<dd>三人沙发</dd>				
		</dl>
	</div>
	<div class="con">
		<ul>
			<!-- 第一个li-沙发内容 -->
			<!-- li里面有pic.t（沙发图片）和pic_b（沙发价格）两个div -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_1.jpg" alt="">
					<!-- 鼠标移到pic_t图片上，淡入enter，包括沙发的详细信息 -->
					<div class="enter">
						<div class="enter_t">
							<p>琴形木作雕塑，大宅演奏的永恒乐章</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>竖琴沙发</h3>
					<h4>￥19999</h4>
					<span>2色可选</span>
				</div>
			</li>

			<!-- 第二个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_2.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一整张意大利全青牛皮包裹</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFAL</h3>
					<h4>￥19988起</h4>
				</div>	
			</li>

			<!-- 第三个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_3.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>T形雕塑，无限延伸模块，闪耀空间锋芒</p>
						</div>
						<div class="enter_b">
							<h3>Palomba Serafini Associati</h3>
							<span>Italy｜Milan</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>Sofa T</h3>
					<h4>￥6999起</h4>
					<span>2色可选</span>
				</div>	
			</li>
			
			<!-- 第四个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_4.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>纯血法国曲线，勾勒当代摩登韵味</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作贝岛沙发™</h3>
					<h4>￥4999起</h4>
					<span>2色可选</span>
				</div>	
			</li>

			<!-- 第五个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_5.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一个沙发，宣告现代主义中国</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFA</h3>
					<h4>￥4556起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第六个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_6.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>进口实木宽稳落座，瑞典山居入厅堂</p>
						</div>
						<div class="enter_b">
							<h3>Claesson Koivisto Rune</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作远山沙发™</h3>
					<h4>￥3999起</h4>
					<span>3色可选</span>
				</div>	
			</li>
			
			<!-- 第七个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_7.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>如云柔软，给你不愿起身的柔软依靠</p>
						</div>
						<div class="enter_b">
							<h3>Jonas Wagell</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>云团沙发升级版</h3>
					<h4>￥2999起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第八个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_8.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>取形似露，圆中藏棱，360°旋转无束</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>秋露沙发</h3>
					<h4>￥2999</h4>
					<span>2色可选</span>
				</div>	
			</li>

		</ul>
	</div>
	<!-- 桌几 -->
	<div class="sofaTop">
		<!-- <h1>全品目录/签名设计正品</h1> -->
		<dl>
			<dt>&nbsp;&nbsp;桌几</dt>
			<dd class="no_border">边几</dd>
			<dd>书桌·餐桌</dd>
			<dd>茶几</dd>			
		</dl>
	</div>
	<div class="con">
		<ul>
			<!-- 第一个li-沙发内容 -->
			<!-- li里面有pic.t（沙发图片）和pic_b（沙发价格）两个div -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_1.jpg" alt="">
					<!-- 鼠标移到pic_t图片上，淡入enter，包括沙发的详细信息 -->
					<div class="enter">
						<div class="enter_t">
							<p>琴形木作雕塑，大宅演奏的永恒乐章</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>竖琴沙发</h3>
					<h4>￥19999</h4>
					<span>2色可选</span>
				</div>
			</li>

			<!-- 第二个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_2.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一整张意大利全青牛皮包裹</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFAL</h3>
					<h4>￥19988起</h4>
				</div>	
			</li>

			<!-- 第三个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_3.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>T形雕塑，无限延伸模块，闪耀空间锋芒</p>
						</div>
						<div class="enter_b">
							<h3>Palomba Serafini Associati</h3>
							<span>Italy｜Milan</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>Sofa T</h3>
					<h4>￥6999起</h4>
					<span>2色可选</span>
				</div>	
			</li>
			
			<!-- 第四个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_4.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>纯血法国曲线，勾勒当代摩登韵味</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作贝岛沙发™</h3>
					<h4>￥4999起</h4>
					<span>2色可选</span>
				</div>	
			</li>

			<!-- 第五个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_5.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一个沙发，宣告现代主义中国</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFA</h3>
					<h4>￥4556起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第六个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_6.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>进口实木宽稳落座，瑞典山居入厅堂</p>
						</div>
						<div class="enter_b">
							<h3>Claesson Koivisto Rune</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作远山沙发™</h3>
					<h4>￥3999起</h4>
					<span>3色可选</span>
				</div>	
			</li>
			
			<!-- 第七个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_7.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>如云柔软，给你不愿起身的柔软依靠</p>
						</div>
						<div class="enter_b">
							<h3>Jonas Wagell</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>云团沙发升级版</h3>
					<h4>￥2999起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第八个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_8.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>取形似露，圆中藏棱，360°旋转无束</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>秋露沙发</h3>
					<h4>￥2999</h4>
					<span>2色可选</span>
				</div>	
			</li>

		</ul>
	</div>
	<!-- 椅凳 -->
	<div class="sofaTop">
		<!-- <h1>全品目录/签名设计正品</h1> -->
		<dl>
			<dt>&nbsp;&nbsp;椅凳</dt>
			<dd class="no_border">座椅</dd>
			<dd>坐墩</dd>
			<dd>凳子</dd>			
		</dl>
	</div>
	<div class="con">
		<ul>
			<!-- 第一个li-沙发内容 -->
			<!-- li里面有pic.t（沙发图片）和pic_b（沙发价格）两个div -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_1.jpg" alt="">
					<!-- 鼠标移到pic_t图片上，淡入enter，包括沙发的详细信息 -->
					<div class="enter">
						<div class="enter_t">
							<p>琴形木作雕塑，大宅演奏的永恒乐章</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>竖琴沙发</h3>
					<h4>￥19999</h4>
					<span>2色可选</span>
				</div>
			</li>

			<!-- 第二个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_2.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一整张意大利全青牛皮包裹</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFAL</h3>
					<h4>￥19988起</h4>
				</div>	
			</li>

			<!-- 第三个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_3.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>T形雕塑，无限延伸模块，闪耀空间锋芒</p>
						</div>
						<div class="enter_b">
							<h3>Palomba Serafini Associati</h3>
							<span>Italy｜Milan</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>Sofa T</h3>
					<h4>￥6999起</h4>
					<span>2色可选</span>
				</div>	
			</li>
			
			<!-- 第四个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_4.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>纯血法国曲线，勾勒当代摩登韵味</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作贝岛沙发™</h3>
					<h4>￥4999起</h4>
					<span>2色可选</span>
				</div>	
			</li>

			<!-- 第五个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_5.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>一个沙发，宣告现代主义中国</p>
						</div>
						<div class="enter_b">
							<h3>Luca Nichetto</h3>
							<span>Italy | Sweden</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>COFA</h3>
					<h4>￥4556起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第六个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_6.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>进口实木宽稳落座，瑞典山居入厅堂</p>
						</div>
						<div class="enter_b">
							<h3>Claesson Koivisto Rune</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>造作远山沙发™</h3>
					<h4>￥3999起</h4>
					<span>3色可选</span>
				</div>	
			</li>
			
			<!-- 第七个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_7.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>如云柔软，给你不愿起身的柔软依靠</p>
						</div>
						<div class="enter_b">
							<h3>Jonas Wagell</h3>
							<span>Sweden | Stockholm</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>云团沙发升级版</h3>
					<h4>￥2999起</h4>
					<span>3色可选</span>
				</div>	
			</li>

			<!-- 第八个li-沙发内容 -->
			<li class="con_c">
				<a href="5.goods.html">
					<div class="pic_t">
					<img  src="images/sofa_8.jpg" alt="">
					<div class="enter">
						<div class="enter_t">
							<p>取形似露，圆中藏棱，360°旋转无束</p>
						</div>
						<div class="enter_b">
							<h3>Noé Duchaufour Lawrance</h3>
							<span>France｜Paris</span>
						</div>
					</div>
				</div>
				</a>
					<div class="pic_b">
					<h3>秋露沙发</h3>
					<h4>￥2999</h4>
					<span>2色可选</span>
				</div>	
			</li>

		</ul>
	</div>
	<div class="footer">
		<!-- footer内容区，包括footer_t和footer_b -->
		<div class="footer_c">
			<!-- footer_t -->
			<div class="footer_t">
				<!-- footer_t中的footer_tl，包括img，span和两个小图标 -->
				<div class="footer_tl">
					<img src="images/zaozuo2.png" alt="">
					<span>zaozuo.com</span>
					<div class="tubiao">
						<div class="tubiao1"></div>
						<div class="tubiao2"></div>
					</div>
				</div>
				<!-- footer_t中的footer_tc -->
				<div class="footer_tc">
					<ul>
						<li class="current">关于造作
							<ol class="footer_tc_ol">
								<li>团队介绍</li>
								<li>设计师团</li>
								<li>媒体报道</li>
								<li>加入造作</li>
								<li>Designer Hiring</li>
							</ol>
						</li>
						<li class="current">帮助中心
							<ol class="footer_tc_ol">
								<li>购物管理</li>
								<li>订单管理</li>
								<li>常见问题</li>
							</ol>
						</li>
						<li class="current">服务支持
							<ol class="footer_tc_ol">
								<li>服务保障</li>
								<li>用户协议</li>
								<li>物流售后服务</li>
							</ol>
						</li>
						<li class="current">商业合作
							<ol class="footer_tc_ol">
								<li>集合采购</li>
								<li>空间设计合作</li>
								<li>品牌合作</li>
								<li>媒体合作</li>
								<li>设计师入驻</li>
							</ol>
						</li>
					</ul>
				</div>
				<!-- footer_tc中的footer_tc_t 在线客服 -->
				<div class="footer_tr">
					<div class="footer_tr_t">
						<span>联系我们</span>
						<p>400-6636-926
							<span>(9:00~21:00)</span>
						</p>
						<div class="kefu">在线客服</div>
					</div>
					<!-- footer_tc中的footer_tc_b 分店 -->
					<div class="footer_tr_b">
						<ul>
							<li>
								<span></span>
								北京颐堤港店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								北京荟聚店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海幸福里店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海万象城店&nbsp;></li>
							<li>
								<span></span>
								深圳万象天地店&nbsp;></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- footer_b -->
			<div class="footer_b">
				<p>Copyright © 2015 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
				<p>
					<span>版权所有</span>&nbsp;
					<span class="p_1">京ICP备14049641号-1&nbsp;增值电信业务经营许可证：京ICP证150098号</span>
				</p>
				<p class="p_2">造作官网-全品类设计家居品牌</p>
			</div>
		</div>
	</div>
	<script src = 'js/jquery.min.js'></script>
	<script src = 'js/index.js'></script>
</body>
</html>